<!DOCTYPE html>
<html lang="en">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Test 121</title>
        <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
        <style type="text/css">
            body {
                width:50%;
                margin-left:25%;
                margin-right:25%;
            }
            div.normal {
                font-family: 'Source Sans Pro', sans-serif;
            }
            div.noliga {
                font-family: 'Source Sans Pro', sans-serif;
                font-variant-ligatures: no-common-ligatures;
                -webkit-font-variant-ligatures: no-common-ligatures;
            }
        </style>
        <script src="../Hyphenator.js" type="text/javascript"></script>
        <script type="text/javascript">
            if (parent != window) {
                Hyphenator.config({
                    'onhyphenationdonecallback': function () {
                        var desc = document.getElementById('desc').firstChild.data,
                        msg = {
                            desc: desc,
                            index: 121,
                            result: 'visual'
                        };
                        parent.postMessage(JSON.stringify(msg), window.location.href);
                    }
                });         
            }
            Hyphenator.run();
        </script>
    </head>
    <body>
        <p><a href="index.html">&lt;&lt;- index</a> | <a href="test120.html">&lt;- Prev</a> | <a href="test122.html">Next -&gt;</a></p>
        <h1>Test 121</h1>
        <p id="desc">Check issue with ligatures in OpenType-Fonts (<a href="https://github.com/mnater/Hyphenator/issues/239">issue #239</a>)</p>

        <div class="hyphenate normal">
            <h2>Hyphenator.js and ligatures in OpenType-Font enabled: issues</h2>
            <p>ff &ndash; ligature sometimes corrupts hyphenation</p>
            <p>ft &ndash; ligature sometimes corrupts hyphenation</p>
        </div>
        <div class="hyphenate noliga">
            <h2>Hyphenator.js and ligatures in OpenType-Font disabled: no issues</h2>
            <p>ff &ndash; ligature sometimes corrupts hyphenation</p>
            <p>ft &ndash; ligature sometimes corrupts hyphenation</p>
        </div>

    </body>
</html>